const path = require('path')
const { baseURL } = require('./src/config')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  publicPath: process.env.NODE_ENV === 'development' ? './' : './',
  assetsDir: 'staticindex',
  indexPath: 'index.html',
  chainWebpack: (config) => {
    config.resolve.alias.set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
  },
  devServer: {
    // client: {
    //   progress: true,
    //   overlay: {
    //     warnings: true,
    //     errors: true,
    //   },
    // },
    // hot: true,
    // open: {
    //   target: [`http://localhost:${devPort}`],
    // },
    // port: devPort,
    // setupMiddlewares: require('./mock'),
    // 注释掉的地方是前端配置代理访问后端的示例
    // baseURL必须为/xxx，而不是后端服务器，请先了解代理逻辑，再设置前端代理
    // ！！！一定要注意！！！
    // 1、这里配置了跨域及代理只针对开发环境生效
    // 2、不建议你在前端配置跨域，建议你后端配置Allow-Origin,Method,Headers，放行token字段，一步到位
    // 3、后端配置了跨域，就不需要前端再配置，会发生Origin冲突
    // 4、webpack5版本前端配置代理无法与mock同时使用，如果一定要用前端代理，需注释setupMiddlewares: require('./mock')
    proxy: {
      [baseURL]: {
        target: `http://fdd.gpsserver.cn`,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          ['^' + baseURL]: '',
        },
      },
    },
  },
}
